<template>
    <div>
     <div class="main">
             <h4 v-text="introduceList.title"></h4>
            <hr/>
            <div v-html="introduceList.content" id="div"></div>
            {{id}}
     </div>
    </div>
</template>

<script>

    export default {
        data(){
            return{
               id:this.$route.params.id,
               introduceList:[],
            }
        },
        methods:{
            //
            get(){
              this.$http.get("api/goods/getdesc/"+this.id).then(
                result=>{
                    if(result.body.status==0){
                         this.introduceList=result.body.message[0];
                        //console.log(this.introduceList);
                    }else{
                        console.log("失败");
                    }
                }
            )
        }
        },
         created:function(){
        this.get();
        },
    }
</script>

<style scoped>
.main{
    width: 100%;
    margin-bottom: 70px;
}

h4{
            text-align: center;
            font-size: 16px;
            margin-bottom: 10px;
        }
        p{
            margin: 10px 0px;
            text-align: justify; 
        }
</style>